<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
    <title>花予茶 - 商城首页</title>

    <!-- fav icons -->
    <link rel="shortcut icon" href="assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->


</head>

<body>

<div class="container-fluid nopadding">

    <div class="page_content_innerpage">

        <div class="pc_head">

            <div class="pc_top">
                <div class="pc_w1200">
                    <ul class="pct_lnav" style="float: right;">
                        <li>零下一度，欢迎您！请 <a href="">登录</a> / <a href="">注册</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-user"></span> 我的花予茶</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-book"></span> 帮助中心</a></li>
                    </ul>
                    <ul class="pct_lnav">
                        <li><a href="">收藏本站</a></li>
                        <li>您现在位置 <a href="">上海</a></li>
                    </ul>
                </div>
            </div>

            <div class="pc_nav">
                <div class="pc_w1200">
                    <div class="huacha_logo"><a href="">花予茶</a></div>
                    <div class="top_catalog"><img src="assets/img/icons/catalog.png" alt=""/></div>
                    <div class="top_ad"><img data-src="holder.js/700x130" alt=""></div>
                    <div class="head_control">
                        <div class="shopping_cart">
                            <a href="">
                                <div class="cart_name"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车</div>
                                <div class="cart_num">12</div>
                            </a>
                        </div>
                        <div class="nav_search">
                            <div class="search_bot"><input type="image" src="assets/img/bg/bot.png"/></div>
                            <div class="search_input"><input type="text" class="form-control" placeholder="搜索关键词"></div>
                        </div>
                        <ul class="main_nav">
                            <li><a href="" class="current">网站首页</a></li>
                            <li><a href="">所有商品</a></li>
                            <li><a href="">促销活动</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="pc_local">
            <div class="pc_w1200">
                <ul class="gps">
                    <li><span class="glyphicon glyphicon-map-marker"></span></li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="" class="current">所有产品</a></li>
                </ul>
            </div>
        </div>

        <div class="pc_body">
            <div class="pc_w1200">

                <div class="pc_mod3">
                    <div class="pd_main">
                        <div class="pdm_detailinfo">
                            <div class="pdmd_tit">
                                逸香安溪铁观音特级乌龙茶叶礼盒500g
                                <span>京东自营，任选3件75折！安溪原产！</span>
                            </div>
                            <div class="pdmd_price">
                                <div class="p_m">
                                    <div class="pm_l">价格</div>
                                    <div class="yj_price">￥65.00</div>
                                </div>
                                <div class="p_m">
                                    <div class="pm_l">促销价</div>
                                    <div class="cx_price">￥<span>45</span>.00</div>
                                </div>
                            </div>
                            <div class="pdmd_yunfei">
                                <div class="p_m">
                                    <div class="pm_l">运费</div>
                                    <div class="yj_price">
                                        ￥5.00
                                        <span>满69免运费</span>
                                    </div>
                                </div>
                            </div>
                            <ul class="stati">
                                <li style="border-right: 1px #ddd dotted;"><span>233</span>月销量</li>
                                <li style="border-right: 1px #ddd dotted;"><span>23</span>累计评价</li>
                                <li><span>2567863</span>累计浏览</li>
                            </ul>
                            <div class="pdmd_sl">
                                <div class="p_m">
                                    <div class="pm_l">购买数量</div>
                                    <div class="yj_price">
                                        <table>
                                            <tr>
                                                <td><button class="btn btn-default btn-xs" type="submit">-</button></td>
                                                <td style="padding: 0 5px; width: 50px;"><input type="email" class="form-control input-sm" id="inputEmails6" placeholder=""></td>
                                                <td><button class="btn btn-default btn-xs" type="submit">+</button></td>
                                                <td><span>库存231件</span></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="pdmd_cart">
                                <div class="in_cart"><a href=""><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 加入购物车</a></div>
                                <div class="now_cart"><a href=""><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 立刻购买</a></div>
                            </div>
                            <div class="pps">* 如需开具发票，请在订单页注明。</div>
                        </div>
                        <div class="zoom_container">
                            <div id="preview" class="spec-preview"> <span class="jqzoom"><img jqimg="assets/img/ad/b1.jpg" src="assets/img/ad/s1.jpg" /></span> </div>
                            <div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
                                <div class="items">
                                    <ul>
                                        <li><img bimg="assets/img/ad/b1.jpg" src="assets/img/ad/s1.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b2.jpg" src="assets/img/ad/s2.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b1.jpg" src="assets/img/ad/s1.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b2.jpg" src="assets/img/ad/s2.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b1.jpg" src="assets/img/ad/s1.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b2.jpg" src="assets/img/ad/s2.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b1.jpg" src="assets/img/ad/s1.jpg" onmousemove="preview(this);"></li>
                                        <li><img bimg="assets/img/ad/b2.jpg" src="assets/img/ad/s2.jpg" onmousemove="preview(this);"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="bshare-custom" style="margin-top: 20px;">分享到：<a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><a class="bshareDiv" onclick="javascript:return false;"></a><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

                    </div>
                </div>

                <div class="pc_mod3">
                    <!-- Nav tabs -->
                    <ul class="nav pdetail_nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#" aria-controls="detail" role="tab" data-toggle="tab">商品详情</a></li>
                        <li role="presentation"><a href="#" aria-controls="comment" role="tab" data-toggle="tab">累计评价(6564)</a></li>
                        <li role="presentation"><a href="#" aria-controls="sameproducts" role="tab" data-toggle="tab">同类商品</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content" style="margin-top: 30px;">
                        <div role="tabpanel" class="tab-pane active" id="login">

                            详细内容区域

                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="pc_footer">
            <div class="pc_w1200">
                <div class="pc_mod">
                    <div class="footer_ad"><a href=""><img data-src="holder.js/100%x170" alt=""></a></div>

                    <ul class="footer_info">
                        <li class="li_fa">
                            <div class="info_text">
                                品质保障
                                <span>购物至此无忧</span>
                            </div>
                        </li>
                        <li class="li_fb">
                            <div class="info_text">
                                7天退换货
                                <span>售后无忧保障</span>
                            </div>
                        </li>
                        <li class="li_fc">
                            <div class="info_text">
                                特色体验
                                <span>不一样的服务</span>
                            </div>
                        </li>
                        <li class="li_fd">
                            <div class="info_text">
                                帮助中心
                                <span>您的购物指南</span>
                            </div>
                        </li>
                    </ul>
                    <ul class="footer_service">
                        <li class="li_fe">
                            <div class="wx"><img src="assets/img/icons/wx.jpg" alt="" class="img-responsive"/></div>
                            <div class="shuoming">"扫一扫，下载花予茶手机客户端"</div>

                        </li>
                        <li class="li_ff">
                            <img src="assets/img/bg/foot_27.png" alt="" class="img-responsive"/>
                        </li>
                        <li class="li_fg">
                            <div class="tel400">400-100-5678</div>
                            <div class="teltime">周一至周日 08:00-18:00<br>（仅收市话费）</div>
                            <div class="teltime">
                                <div class="tbot"><a href=""><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 7X8小时在线客服</a></div>
                            </div>
                        </li>
                    </ul>
                    <div class="footer_copyright">
                        <span>huayucha.com</span>
                        <span>沪icp证1105665号</span>
                        <span>沪icp备1105665号</span>
                        <span>沪公安网备110566787865号</span>
                        <span>沪网文[2015]0059-0009号</span>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>

<script src="assets/js/holder.js"></script>
<script src="assets/js/modal.js"></script>
<script src="assets/js/tab.js"></script>
<script src="assets/js/jquery.jqzoom.js"></script>
<script src="assets/js/product_detail_zoom.js"></script>


</body>
</html>
